<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>

    <script type="text/javascript">
        $(document).ready(function () {
            //标签为input
            $('input').click(function () {
                $(this).hide();
            })
            $("p").click(function () {
                $(this).hide();
            })
            //标签为P，class 为 test
            $("p.test").click(function () {
                $(this).hide()
            })
            //标签为P，id 为 test
            $("#test").click(function () {
                $(this).hide()
            })

            //看来值执行了一次
            console.log("aa")
        })
    </script>
</head>
<body>
<input type="button" value="点我就会消失"><br/>
<p>点我就会消失</p>

<p class="test">点我也会消失class</p>

<p id="test">点我也会消失</p>
</body>
</html>